<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>设备</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css" />
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../css/app.css"/>
		
		<script type="text/javascript" src="../../script/api.js"></script>
		<script type="text/javascript" src="../../html/js/jquery-1.11.3.js"></script>
		
		<style>
			
			.title{
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			body{
				background: #ffffff;
			}
			html,body{
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
			}
			.mui-content{
				width: 100%;
				height: calc(100% - 110px);
				position: absolute;
				top: 60px;
				margin: 0;
				padding: 0;
			}
			.oa-contact-cell.mui-table .mui-table-cell {
				padding: 11px 0;
				vertical-align: middle;
			}
			
			.oa-contact-cell {
				position: relative;
				margin: -11px 0;
			}
	
			.oa-contact-avatar {
				width: 75px;
			}
			.oa-contact-avatar img {
				border-radius: 50%;
			}
			.oa-contact-content {
				width: 100%;
			}
			.oa-contact-name {
				margin-right: 20px;
			}
			.oa-contact-name, oa-contact-position {
				float: left;
			}
			.mui-bar{
				background:#4F77AA ;
				color: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0);
    			box-shadow: 0 0 1px rgba(0,0,0,0);
			}
			.mui-title{
				color: #ffffff;
			}
			a{
				color:#ffffff;
			}
			.mui-bar-bottom{
				background: #ffffff;
				-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1);
    			box-shadow: 0 0 1px rgba(0,0,0,0.1);
			}
			.mui-content>.mui-table-view:first-child{
				margin-top: 0;
			}
			.clear{
				clear: both;
			}
			.color-primary{
				color: #1ab394;
			}
			.color-success {
			    color: #1c84c6;
				}
			.color-info {
			    color: #23c6c8;
			}
			.color-warning {
			    color: #f8ac59;
			}	
			.mui-table-view-cell:after{
				background: #ffffff;
			}
			.mui-table-view:after{
				background: #ffffff;
			}	
			.mui-content ul li a span{
				padding-right: 15px;
				font-size: 24px;
				color:#4F77AA ;
			}
			* { touch-action: none; }
			span#openscan{
				display: inline-block;
				width:60px;
				height:60px;
				text-align: center;
				line-height:60px;
				font-size: 28px;
				border-radius: 50%;
				background: #4F77AA;
				color:#ffffff;
				position: absolute;
				top: -20px;
				right: 50%;
				margin-right: -30px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">设备</h1>
		</header>
		
		<div class="mui-content">
		<div id="scroll" class="mui-scroll-wrapper">
        <div class="mui-scroll">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
		<!--		<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表
					</a>
				</li>
				<li class="mui-table-view-cell" onclick="equipmentList()">
					<a class="mui-navigate-right" href="../equipment/equipment_list.html">
						<span class="icon iconfont icon-liebiaorongqi"></span>设备列表2
					</a>
				</li>-->

				<!--<li class="mui-table-view-cell" style="border-bottom: 8px solid #EFEFF4;">
					<a class="mui-navigate-right">
						<span class="icon iconfont icon-tianjia"></span>添加设备
					</a>
				</li>
				<li class="mui-table-view-cell">
					<a class="mui-navigate-right">
						<span class="icon iconfont icon-bianji"></span>设备盘点
					</a>
				</li>-->

			</ul>
			</div>
			</div>
		</div>	
		<nav class="mui-bar mui-bar-tab mui-bar-bottom">
			<a class="mui-tab-item" href="../../index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" href="equipment.html">
				<span class="mui-icon mui-icon-email fa fa-file-text-o" style="font-size: 20px;"></span>
				<span class="mui-tab-label">设备</span>
			</a>
			<p class="mui-tab-item">
				<span class="icon iconfont icon-saoyisao" id="openscan"></span>
			</p>
			<a class="mui-tab-item" href="spare_part.html">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">备件</span>
			</a>
			<a class="mui-tab-item" href="my.html">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
	</body>
	<script src="../js/mui.min.js"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
		mui('body').on('tap','a',function(){
			window.top.location.href=this.href;
		});
		 (function($) {
		        $('#scroll').scroll({
		            indicators: true //是否显示滚动条
		        });
		      
		        $.init();
     
    		})(mui);
		window.onload=function(){
			var openscan=document.getElementById("openscan");
			openscan.onclick=function(){
				openScan();
			}
		}

		//打开
		function openScan(){

			var FNScanner = api.require('FNScanner');
			FNScanner.open({
				autorotation: true,
				sound:"widget://res/scan.wav"
			}, function(ret, err) {
				if (ret) {
					// alert(JSON.stringify(ret));
					if('success' == ret.eventType){
						var content=ret.content;
						if(content.indexOf("http://")==0 || content.indexOf("https://")==0 || content.indexOf("/sys")==0){
							// window.location.href=content;
							window.location.href="html/public/saoyisao.html?ret="+JSON.stringify(ret);
						}else{
							alert(content);
						}
					}

				} else {
					alert(err.msg);
				}
			});
		}
	</script>
</html>